<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>收藏一生 —— 注册用户</title>
<link href="../css/fav.css"  rel="stylesheet" type="text/css"/>
<script type="text/javascript" charset="utf-8" language=javascript src="../js/default.js" ></script>
<script type="text/javascript" charset="utf-8" language=javascript src="../js/ajaxrequest.js"></script>
<script type="text/javascript" src="../js/jquery-1.4.2.js"></script>
<script type="text/javascript" charset="utf-8" language=javascript>


    // JScript for mysetup
	function CheckPsw(obj){
		if((obj.psw.value.length<6)||(obj.psw.value.length>18)){
			document.getElementById("sPsw").className='notice';
			document.getElementById("sPsw").innerHTML='新密码必须是6-18个字符';
			obj.psw.focus();
			return false;
		}else if(obj.psw.value!==obj.rePsw.value){
			document.getElementById("sPsw").innerHTML='';
			document.getElementById("sRePsw").className='notice';
			document.getElementById("sRePsw").innerHTML='确认密码必须与密码一致';
			obj.rePsw.focus();
			return false;
		}else{
			document.getElementById("sPsw").innerHTML='';
			document.getElementById("sRePsw").innerHTML='';
			return true;
		}
	}

	function CheckNum(String)
	{
	    var Letters = "1234567890";
		var i;
		var c;
		for(i=0;i<String.length;i++){
			c=String.charAt(i);
			if(Letters.indexOf(c)<0)
				return false;
		}
		return true;
	}
	function Checkqq(obj){
			if(((obj.qq.value.length<3)&&(obj.qq.value.length>=1)&&(obj.qq.value!=0))||(obj.qq.value.length>11)){
			document.getElementById("sqq").className='notice';
			document.getElementById("sqq").innerHTML='QQ号必须是3-11个数字';
			obj.qq.focus();
			return false;
		}else if(CheckNum(obj.qq.value)==false){
			document.getElementById("sqq").className='notice';
			document.getElementById("sqq").innerHTML='QQ号必须是数字构成';
			obj.qq.focus();
			return false;
		}else{
			if(obj.qq.value.length<1){
			obj.qq.value=0;
			document.getElementById("sqq").innerHTML='';
			return true;}
			else {
			document.getElementById("sqq").innerHTML='';
			return true;}
		}
	}
	
	function CheckUserId(obj){
			if(!CheckUserIdFormat(obj.userId.value)){
			document.getElementById("sUserId").className='notice';
			document.getElementById("sUserId").innerHTML='帐号必须是4-20个字符';
			obj.userId.focus();
			return false;
		}
		else{
			document.getElementById("sUserId").innerHTML='';
			return true;
		}
	}
	
	function CheckUserName(obj){
			if((obj.userName.value.length==0)||(obj.userName.value.length>10)){
			document.getElementById("sUserName").className='notice';
			document.getElementById("sUserName").innerHTML='昵称必须是1-20个字之间';
			obj.userName.focus();
			return false;
		}
		else{
			document.getElementById("sUserName").innerHTML='';
			return true;
		}
	}
	
	function CheckEmail(String){
		var re;
		re=new RegExp("\\w+@((\\w)+\\.)+[a-z]{2,3}$");
		return re.test(String);
	}
	
	function CheckUserIdFormat(String){
		var re;
		re=new RegExp("^[a-zA-Z0-9_]{4,20}$");
		return re.test(String);
	}
	
	function check(obj){
		document.getElementById("registerDo").disabled='true';
		var CI,CP,CE,CQ,CN;
		CQ=Checkqq(obj);
		CP=CheckPsw(obj);
		CN=CheckUserName(obj);
		CE=CheckEmail(obj.email.value);
		CI=CheckUserId(obj);
		if(CE){
			document.getElementById("sEmail").innerHTML='';
		}else{
			document.getElementById("sEmail").className='notice';
			document.getElementById("sEmail").innerHTML='请正确填写Email地址';
			obj.email.focus();
		}
		if(CI&CP&&CE&&CQ&&CN){
			return true;
		}else{
			document.getElementById("registerDo").disabled='';
			return false;
		}
	}
	
	function selectSex(obj, index)
	{
		if (obj.options[index].value != "0")
		{
			document.all.sex.value = obj.options[index].value;
		}
	}
	
	function selectBirthyear(obj, index)
	{
		if (obj.options[index].value != "0")
		{
			document.all.birthyear.value = obj.options[index].value;
		}
	}
	
	
	function selectShengxiao(obj, index)
	{	
		if (obj.options[index].value != "0")
		{
			document.all.shengxiao.value = obj.options[index].value;
		}	
	}
	
	function selectXuexing(obj, index)
	{
		if (obj.options[index].value != "0")
		{
			document.all.xuexing.value = obj.options[index].value;
		}	
	}
	
	function selectXingzuo(obj, index)
	{
		if (obj.options[index].value != "0")
		{
			document.all.xingzuo.value = obj.options[index].value;
		}	
	}
	
	
	function selectJob(obj, index)
	{
		if (obj.options[index].value != "0")
		{
			document.all.job.value = obj.options[index].value;
		}
	}
	
	/*-------------
	get session code
	--------------------*/
	function getSessionCode()
	{
		var ajax=new AJAXRequest;
        ajax.get(
            "/ajax_session.jsp?rnd="+Math.random(),
            function(obj) {
                var rText=trim(trimR(obj.responseText));
                document.getElementById('randomCode').value=rText;
            }
        );
	}
	
	var alertEmailed=0;
	function alertEmail()
	{
		if (alertEmailed==0)
		{
			alert('Mail地址不公开, 请填写真实Email，账户需要Mail激活!');
			alertEmailed=1;
		}
	}
	
	var alertAdReged=0;
	function alertAdReg()
	{
		if (alertAdReged==0)
		{
			//alert('广告推广请勿注册！会被管理员屏蔽域名。站长朋友选择"我是站长"，注册推广用户');
			alertAdReged=1;
		}
	}
    </script>
</head>

<body >
<!-- 头部 -->
<input id="toptabs" type="hidden" value="我的收藏"/>
<input id="topmenu" type="hidden" value="个人资料"/>
<!--#include file="head.html"  -->
<div id="PageBody" class="PageBody">

		
		
	<div id="leftcenter" style="width:450px;margin-left: 100px;float:left;text-align: left">
	<table width="100%" border="0" bgcolor="#FFFFFF" align="left" cellspacing="0">
	
          <tr><td height="25" colspan="4" bgcolor="#F5F5F5"><div align="left"><img src="images/zu.gif" tppabs="http://www.wang1314.com/images/zu.gif" /><a><b>基本信息</b></a></div></td></tr>
		  
		  <tr><td height="25" colspan="4" align="left">
		  <form name="RegisterForm" method="post" onSubmit="return check(this)" action="http://www.wang1314.com/register.do">
		  <table width="100%">
	          <tr><td height="25" colspan="4">
	          	<table align="left">
	          		<tr><td align="right" width=80><span class="notice">* </span>帐号: </td><td><input name=userId id=userId value="iaasdjasd" onclick="alertAdReg()" maxlength=20 style='width: 200px' /></td></tr>
	          		<tr><td align="center" colspan=2><span class="forOther" id="sUserId">数字与字母及下划线的组合</span></td></tr>
	          		<tr><td align="right"><span class="notice">* </span>昵称: </td><td><input name=userName id=userName value="哈哈" maxlength=20 style='width: 200px' /></td></tr>
	          		<tr><td align="center" colspan=2><span class="forOther" id="sUserName">公开的网络称呼</span></td></tr>
	          		<tr><td align="right"><span class="notice">* </span>修改密码: </td><td><input type="password" name=psw name=psw  maxlength=20 style='width: 200px' value="sdfs"/></td></tr>
	          		<tr><td align="center" colspan=2><span class="forOther" id="sPsw">密码为6-18个字符</span></td></tr>
	          		<tr><td align="right"><span class="notice">* </span>重复密码: </td><td><input type="password" name=rePsw name=rePsw  maxlength=20 style='width: 200px' value="sdfs"/></td></tr>
	          		<tr><td align="center" colspan=2><span class="forOther" id="sRePsw"></span></td></tr>
	          		<tr><td align="right"><span class="notice">* </span>安全邮箱: </td><td><input name=email id=email value="" onclick="alertEmail()" maxlength=50 style='width: 200px' />&nbsp;(用于找回密码)</td></tr>
	          		<tr><td align="center" colspan=2><span class="forOther" id="sEmail">请填写正确邮箱</span></td></tr>
	          	</table>
	          </td></tr>
			  <tr><td height="5" colspan="4"></td></tr>
			  <tr><td height="25" colspan="4" bgcolor="#F5F5F5">
				  <div align="left" id="moreMes">
				  	<img src="images/zu.gif"  border='0' /><a id="xtxx" href="javascript:fGoto();" onClick="showi('showMoreMes','moreMes');"><b>选填信息</b></a><label for="xtxx"> <span class="other">(点击展开)</span> </label>
				  </div>
			  </td></tr>			  
			  <tr><td height="25" colspan="4">
			  	  <div id="showMoreMes" >
				  <table align="left">
					  <tr><td align="right" width=80>用户QQ: </td><td><input name=qq id=qq value=""  style='width: 200px' /> <span class="notice" id=sqq></span></td></tr>
					  <tr><td align="right">个性签名: </td><td><input name=qianming id=qianming value="" maxlength=100 style='width: 200px' /></td></tr>
					  <tr><td align="right">性别: </td><td>
					  <select name="selsex" id="selsex" onChange="selectSex(this, this.selectedIndex);">
					  	  <option value="0" selected>选择性别</option>
						  <option value=保密 >保密</option>
						  <option value=男 >男</option>
						  <option value=女 >女</option>
					  </select>
					  </td></tr>
					  <tr><td align="right">出生年份: </td><td>
					  <select name="selbirthyear" id="selbirthyear" onChange="selectBirthyear(this, this.selectedIndex);">
						  <option value="0" selected>选择年份</option>
						  <option value="2012">2012</option><option value="2011">2011</option><option value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option value="1911">1911</option><option value="1910">1910</option><option value="1909">1909</option><option value="1908">1908</option>
						  <option value=""></option>
					  </select>
					  </td></tr>
					  <tr><td align="right">生肖: </td><td>
					  <select name="selshengxiao" id="selshengxiao" onChange="selectShengxiao(this, this.selectedIndex);">
						  <option value="0" selected>选择生肖</option>
						  <option value=鼠 selected>鼠</option>
						  <option value=牛 >牛</option>
						  <option value=虎 >虎</option>
						  <option value=兔 >兔</option>
						  <option value=龙 >龙</option>
						  <option value=蛇 >蛇</option>
						  <option value=马 >马</option>
						  <option value=羊 >羊</option>
						  <option value=猴 >猴</option>
						  <option value=鸡 >鸡</option>
						  <option value=狗 >狗</option>
						  <option value=猪 >猪</option>
						  <option value=""></option>
					  </select>
					  </td></tr>
					  <tr><td align="right">星座: </td><td>
					  <select name="selxingzuo" id="selxingzuo" onChange="selectXingzuo(this, this.selectedIndex);">
						  <option value="0" selected>选择星座</option>
						  <option value=水瓶座 >水瓶座</option>
						  <option value=双鱼座 >双鱼座</option>
						  <option value=牧羊座 >牧羊座</option>
						  <option value=金牛座>金牛座</option>
						  <option value=双子座 >双子座</option>
						  <option value=巨蟹座 >巨蟹座</option>
						  <option value=狮子座 >狮子座</option>
						  <option value=处女座 >处女座</option>
						  <option value=天秤座 >天秤座</option>
						  <option value=天蝎座 >天蝎座</option>
						  <option value=射手座 >射手座</option>
						  <option value=魔蝎座 >魔蝎座</option>
						  <option value=""></option>
					  </select>
					  </td></tr>
					  <tr><td align="right">血型: </td><td>
					  <select name="selxuexing" id="selxuexing" onChange="selectXuexing(this, this.selectedIndex);">
						  <option value="0">选择血型</option>
						  <option value=A型 >A型</option>
						  <option value=B型 >B型</option>
						  <option value=O型 >O型</option>
						  <option value=AB型 >AB型</option>
						  <option value=其它 >其它</option>
						  <option value="" ></option>
					  </select>
					  </td></tr>
					  <tr><td align="right">职业: </td><td>
					  <select name="seljob" id="seljob" onChange="selectJob(this, this.selectedIndex);">
						  <option value="0" selected>选择职业</option>
						  <option value=服务行业 >服务行业</option>
						  <option value=工程师 >工程师</option>
						  <option value=计算机业 >计算机业</option>
						  <option value=兼职 >兼职</option>
						  <option value=教育业>教育业</option>
						  <option value=金融业 >金融业</option>
						  <option value=老板 >老板</option>
						  <option value=商业 >商业</option>
						  <option value=失业中 >失业中</option>
						  <option value=退休 >退休</option>
						  <option value=市场营销 >市场营销</option>
						  <option value=学生 >学生</option>
						  <option value=公务员 >公务员</option>
						  <option value=制造业 >制造业</option>
						  <option value="">其他</option>
					  </select>
					  </td></tr>
					  <tr><td align="right">毕业院校: </td><td><input name=school id=school value="" maxlength=50 style='width: 200px' /><br /><br />
					  <tr><td align="right">个人说明: </td><td><textarea name='shuoming' cols=39 rows=4 id='shuoming' style='width: 200px' ></textarea>
				  </table>
				  </div>
			  </td></tr>
			  
			  <tr><td height="25" colspan="4">
	          	<table align="left">
	          		<tr><td align="right" width=80>验证码: </td><td><input name='validateCode' id='validateCode' type='text' size='6' maxlength='4' /> <a href="javascript:reFrashValidateCode()"><img src="ValidateCode.serverlet.jpg" tppabs="http://www.wang1314.com/ValidateCode.serverlet" id="ValidatecodeImg" class="img_2" /></a>
	          		&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:reFrashValidateCode()">看不清楚？ 换张图片</a>
	          		<script>
					  function reFrashValidateCode()
					  {
					  	document.getElementById("ValidatecodeImg").src="/ValidateCode.serverlet?rnd="+Math.random();
					  	document.getElementById("validateCode").value="";
					  	document.getElementById("registerDo").disabled='';
					  }
					</script>
					</td></tr>
					<tr><td align="right" height=20></td><td></td></tr>
		  			<tr>
		  				<td align="right"></td>
		  				<td>
		  					<input type="hidden" id="fromUri" name="fromUri" value="" />
		  					<input name="randomCode" id="randomCode" type="hidden" value="260c2432a0eecc28ce03c10dadc078a4" />
		  					<input type="submit" id="submit1" value="修改" />&nbsp;&nbsp;&nbsp;&nbsp;
		  					<input type="reset" id="registerDo" value="返回" />
		  				</td>
		  			</tr>	
	          		<tr><td height=30 colspan="2"></td></tr>
	          	</table>
	          </td></tr>
			  
			  </table>
          </form>
          </td></tr>  	  
          </table>
	</div>
	<!--右边-->
	<!--#include file="right.html" -->
	<!--脚-->
	<!--#include file="foot.html" -->
</body>
</html>